16 Nice CSS Button Styles Projects

1. pureCSS3 - A Responsive User-Interface Kit

featured image

Each of the elements comes in many styles/colors and can be easily customized.Pure CSS (gradients, border radius, text-shadow…)

Rounded Styles

Transparent Button

4 Variations (3 styles + Rounded)

Two Transparent Styles

Rounded Styles

Rounded Styles

More Details

2. Business Pro CSS3 Buttons & Elements

featured image

0: Massive update for ease of use and added two styles

108 Button Variations (four colors)

6 Navigation Bar Styles

More Details

3. GoogleLike Forms

featured image

10 different CSS files with 10 different styles

styled: text, button, image, submit, reset, textarea, password

Correct/icorrect variant styles

Buttons With Icons (<button> and <a></a>)

- Simplified CSS (now only one file)

More Details

4. Pure CSS3 Web Buttons Pack

featured image

Every button have hover effect according to button color. 3 Pattern Styles

4 Radius Styles

More Details

5. CSS3 Buttons - Simple and Awesome

featured image

02 different styles

More Details

6. CSS Pricing Table

featured image

The header stands out using CSS 3 ’s @font-face capabilities with the excellent League Gothic font, while the rows containing the features are clearly marked using alternate styles. Finally, the footer has the price tag highlighted with a sweet button that works in both image mode and plain text mode. This item makes use of modern CSS 3 features like text shadows, gradients and transitions. The layered psd for the button is included, so you can make different images for it. The text version of the button is a good option if you need to plug this into your e-commerce cms.

More Details

7. Massive Modern CSS3 Button Collection

featured image

This huge collection of CSS3 buttons includes 3 styles of modern buttons with hover and active states. - The dimensional button style includes 7 colors and a disabled button state. - The glossy button style includes 11 colors. Simply add an additional class to your button to change its color. Additional classes also make any of the styles have rounded or rectangular corners. The included HTML file as shown in the screenshots and video preview lists the classes used to create each button to the left of each row, making it quick to implement the style you choose.

More Details

8. CSS3 Buttons Pack

featured image

10 border radius styles

Font styles

Button grouping with border radius all browser support option

More Details

9. Classic shape button with CSS3 background

featured image

Displayed as a button or link

Buttons are grouped by colors – now it is much easier to choose right button for your website

Styles for each color stored in separate files

More Details

10. CSS 3 Buttons Kit

featured image

Use those full css buttons and integrate them easly on your websites.There is a class for button parameters as radius, size, color.Each button has hover & active effects

5 colors for the button and 5 colors for the border

3 border styles (rounded, semirounded, squared

Commented CSS

More Details

11. CSS Flat Social Buttons

featured image

CSS Flat cool CSS buttons is a pack of 16 buttons and the buttons are fully customizable.1 Folder with all the CSS Flat Social Buttons

2 Styles

More Details

12. Animated & 3D CSS3 Button Pack

featured image

This CSS3 button hover effects pack includes 5 styles of modern animated and 3D buttons with hover and active states. Button Descriptions:

- The forth set creates a glowing circle to the right of the button text without any pseudo elements. On hover, the circle fades into the button and makes the button glow. - The final set is a pill style button inside an outer container.

More Details

13. Responsive Pricing Table - Pure CSS

featured image

Bootstrap & Non-bootstrap Animated Drop Responsive Pricing Table – Pure Css

Pure Css

Three Styles

Proper place for price, join button, popular plan, recommended,.

More Details

14. Clean colorful and Simple CSS3 Pagination

featured image

Pure CSS

Two button styles

More Details

15. Slicnot - Clean CSS Menu with Sliced Notification

featured image

Hello everybody! Slicnot is a small CSS toolkit that allows you to create anything from just a simple plain button to a complex drop-down navigation menu bar with very less amount of effort. It comes with four different color styles, fade animation, sliced notification and 361 Font Awesome icons.• Separated Menu Button

• 4 Different Color Styles

More Details

16. CSS3 Icon Buttons

featured image

It has a very simple HTML markup consistent of an href tag and an inside i tag for the icon, this way you will only need one line of code to place your button.All you need to do is place the source files needed somewhere on your server ( or localhost ) and link the styles in your page’s head, from this point on you will need the following markup in the body of your page to place a button:

<a class="iqn-button-dark" href="#">

Of course the above is just an example of usage, because you have about seventy classes available for each icon and two classes available for the dark and light button.

More Details